<template>
    <div id="tui-1">
        <div id="tui-1-1">
            <p><img src="../assets/images/06.jpg">我家今天的饭小组</p>
            <p>···</p>
        </div>
        <div id="tui-1-2">家人做的饭 | 我家的饭全都柏林最好吃！</div>
        <div id="tui-1-3">
            <img src="../assets/images/03.jpg">
            <img src="../assets/images/04.jpg">
            <img src="../assets/images/05.jpg">
        </div>
        <div id="tui-1-4">
            <span class="iconfont icon-zan">251</span>
            <span class="iconfont icon-pinglun">51</span>
            <span class="iconfont icon-shuaxin">25</span>
        </div>
    </div>
</template>
<style>
    #tui-1{
        width: 90%;
        margin: auto;
    }
    #tui-1-1{
        width: 100%;
        height: .58rem;
        font-size: .18rem;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #tui-1-2{
        width: 100%;
        height: .30rem;
        font-size: .2rem;
        font-weight: bold;
    }
    #tui-1-3{
        width: 100%;
        height: 1.2rem;
        border-radius: .05rem;
        display: flex;
        justify-content: space-between;
    }
    #tui-1-4{
        width: 100%;
        height: .44rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
</style>